.button {
  display: inline-block;
  margin: 20px 0;
  padding: 0 30px;
  font-family: "Nunito-Bold";
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  line-height: 2.5;
  letter-spacing: 0;
  white-space: nowrap;
  /* Safari adjustment */ }
  .button:disabled {
    opacity: .5;
    cursor: not-allowed;
    color: #adadad !important;
    background-color: #787878 !important;
    border: 1px solid #787878 !important; }
  .button-small {
    font-size: 12px; }
  .button-right {
    float: right; }
  .button-full {
    width: 100%; }
  .button-center {
    display: block;
    margin: 20px auto; }
  .button-big {
    min-width: 320px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content; }
  .button-no-margin {
    margin: 0 !important; }
  .button-auto-width {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important; }
  @media only screen and (max-width: 992px) {
    .button {
      padding: 5px 10px;
      font-size: 14px;
      line-height: 1.8; } }
  @media only screen and (max-width: 768px) {
    .button {
      display: block;
      width: 100%;
      margin: 20px 0 5px;
      font-size: 12px; }
      .button-small {
        font-size: 10px; }
      .button-right {
        margin: 5px 0 20px; }
      .button-big {
        min-width: 100%; } }
  .button-link {
    font-family: "Nunito-ExtraBold";
    text-decoration: none;
    border: none;
    background: none;
    color: #1D1D1D; }
    .button-link:hover {
      background: none;
      text-decoration: underline; }
  .button-primary {
    background-color: #1D1D1D;
    border: 1px solid #1D1D1D;
    color: #fff; }
    .button-primary:hover {
      background-color: #fff;
      color: #1D1D1D; }
    .button-primary-faded {
      background-color: #fff;
      border: 1px solid #1D1D1D;
      color: #1D1D1D; }
      .button-primary-faded:hover {
        background-color: #1D1D1D;
        color: #fff; }
      .button-primary-faded.button-no-hover:hover {
        background-color: #fff;
        color: #1D1D1D; }
  .button-secondary {
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #1D1D1D; }
    .button-secondary:hover {
      background-color: #adadad; }
  .button-gold {
    background-color: #a37b24;
    border: 1px solid #a37b24;
    color: #fff; }
    .button-gold:hover {
      background-color: #fff;
      color: #a37b24; }
    .button-gold-faded {
      background-color: rgba(163, 123, 36, 0.1);
      border: 1px solid #a37b24;
      color: #a37b24; }
      .button-gold-faded:hover {
        background-color: #a37b24;
        color: #fff; }
  .button-white {
    box-shadow: 0 3px 5px 1px #e3e3e3;
    background-color: #fff;
    border: 1px solid #fff;
    color: #1D1D1D; }
    .button-white:hover {
      background-color: #e3e3e3;
      border-color: #e3e3e3; }
  .button:after {
    content: "";
    display: block;
    clear: both; }

.productWrapper .product {
  display: inline-block;
  width: 33.333333%;
  padding: 0 0 20px 20px;
  font-size: 13px;
  text-align: center;
  line-height: 1.5; }
  .productWrapper .product a {
    color: #000; }
  .productWrapper .product .productImage {
    margin-bottom: 20px;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden; }
    .productWrapper .product .productImage img {
      width: 100%;
      max-height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
    .productWrapper .product .productImage .soldOut h3,
    .productWrapper .product .productImage .holdOn h3 {
      padding: 10px;
      font-size: 20px; }
    @media only screen and (max-width: 768px) {
      .productWrapper .product .productImage img {
        margin-bottom: 10px; }
      .productWrapper .product .productImage .soldOut h3,
      .productWrapper .product .productImage .holdOn h3 {
        padding: 5px;
        font-size: 14px; } }
  .productWrapper .product .productDesigner, .productWrapper .product .productPrice, .productWrapper .product .productPrice--sale, .productWrapper .product .productCondition {
    text-transform: uppercase;
    letter-spacing: 2px; }
  .productWrapper .product .productDesigner {
    font-family: "Nunito-Bold"; }
  .productWrapper .product .productPrice {
    color: #a37b2c;
    font-family: "Nunito-Bold";
    height: auto; }
    .productWrapper .product .productPrice--sale {
      color: #EE5253; }
      .productWrapper .product .productPrice--sale span {
        display: block;
        font-size: 10px;
        color: #000;
        text-decoration: line-through; }
  .productWrapper .product .productCondition {
    text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .productWrapper .product {
      width: 40%;
      padding: 5px;
      font-size: 12px; }
      .productWrapper .product .productDesigner, .productWrapper .product .productStyle, .productWrapper .product .productCondition {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: 1px; }
      .productWrapper .product .productPrice, .productWrapper .product .productPrice--sale {
        font-size: 10px;
        letter-spacing: .5px; } }

/* Create mixin for all repetitive style block gradually */
.homeWrapper {
  color: #1D1D1D; }
  .homeWrapper .button {
    padding: 3px 20px; }
  @media only screen and (min-width: 960px) {
    .homeWrapper {
      padding: 0; } }
  @media only screen and (max-width: 959px) {
    .homeWrapper {
      padding: 10px 10px 0; } }
  @media only screen and (max-width: 768px) {
    .homeWrapper .button {
      display: inline-block;
      width: auto;
      font-size: 12px !important; } }
  .homeWrapper .homeTitle {
    font-family: "Nunito-ExtraBold";
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 0 0 20px; }
    @media only screen and (max-width: 768px) {
      .homeWrapper .homeTitle {
        font-size: 18px;
        text-align: left; } }
  .homeWrapper .homeTitleV2 {
    font-family: "Libre-Baskerville-Regular";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em; }
    @media only screen and (max-width: 768px) {
      .homeWrapper .homeTitleV2 {
        font-size: 20px;
        text-align: left; } }
  .homeWrapper .homeBanner {
    margin: 40px 0; }
    @media only screen and (max-width: 959px) {
      .homeWrapper .homeBanner {
        margin: 20px 0; } }
  .homeWrapper .newHomeBanner {
    margin: 20px 0; }
    .homeWrapper .newHomeBanner:after {
      content: "";
      display: block;
      clear: both; }
    .homeWrapper .newHomeBanner .bannerWrapper {
      width: 100%; }
      .homeWrapper .newHomeBanner .bannerWrapper .leftBanner, .homeWrapper .newHomeBanner .bannerWrapper .rightBanner {
        width: 50%; }
      .homeWrapper .newHomeBanner .bannerWrapper .leftBanner {
        float: left; }
      .homeWrapper .newHomeBanner .bannerWrapper .rightBanner {
        float: right; }
      .homeWrapper .newHomeBanner .bannerWrapper img {
        width: 100%; }
      @media only screen and (max-width: 959px) {
        .homeWrapper .newHomeBanner .bannerWrapper--full {
          margin: 10px 0 20px; } }
  .homeWrapper .dealsWrapper,
  .homeWrapper .ourCommunityWrapper,
  .homeWrapper .ourValueWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px; }
    .homeWrapper .dealsWrapper .leftSide, .homeWrapper .dealsWrapper .rightSide,
    .homeWrapper .ourCommunityWrapper .leftSide,
    .homeWrapper .ourCommunityWrapper .rightSide,
    .homeWrapper .ourValueWrapper .leftSide,
    .homeWrapper .ourValueWrapper .rightSide {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 48%; }
      .homeWrapper .dealsWrapper .leftSide img, .homeWrapper .dealsWrapper .rightSide img,
      .homeWrapper .ourCommunityWrapper .leftSide img,
      .homeWrapper .ourCommunityWrapper .rightSide img,
      .homeWrapper .ourValueWrapper .leftSide img,
      .homeWrapper .ourValueWrapper .rightSide img {
        width: 100%; }
      .homeWrapper .dealsWrapper .leftSide h3, .homeWrapper .dealsWrapper .rightSide h3,
      .homeWrapper .ourCommunityWrapper .leftSide h3,
      .homeWrapper .ourCommunityWrapper .rightSide h3,
      .homeWrapper .ourValueWrapper .leftSide h3,
      .homeWrapper .ourValueWrapper .rightSide h3 {
        margin-top: 20px; }
      .homeWrapper .dealsWrapper .leftSide .description, .homeWrapper .dealsWrapper .rightSide .description,
      .homeWrapper .ourCommunityWrapper .leftSide .description,
      .homeWrapper .ourCommunityWrapper .rightSide .description,
      .homeWrapper .ourValueWrapper .leftSide .description,
      .homeWrapper .ourValueWrapper .rightSide .description {
        width: 70%;
        margin-top: 20px;
        font-family: "Nunito-Regular";
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.15em; }
      .homeWrapper .dealsWrapper .leftSide .button, .homeWrapper .dealsWrapper .rightSide .button,
      .homeWrapper .ourCommunityWrapper .leftSide .button,
      .homeWrapper .ourCommunityWrapper .rightSide .button,
      .homeWrapper .ourValueWrapper .leftSide .button,
      .homeWrapper .ourValueWrapper .rightSide .button {
        margin: 20px 0 0;
        font-size: 16px; }
    @media only screen and (max-width: 959px) {
      .homeWrapper .dealsWrapper,
      .homeWrapper .ourCommunityWrapper,
      .homeWrapper .ourValueWrapper {
        margin-bottom: 0; } }
    @media only screen and (max-width: 768px) {
      .homeWrapper .dealsWrapper,
      .homeWrapper .ourCommunityWrapper,
      .homeWrapper .ourValueWrapper {
        -ms-flex-direction: column;
        flex-direction: column; }
        .homeWrapper .dealsWrapper .leftSide, .homeWrapper .dealsWrapper .rightSide,
        .homeWrapper .ourCommunityWrapper .leftSide,
        .homeWrapper .ourCommunityWrapper .rightSide,
        .homeWrapper .ourValueWrapper .leftSide,
        .homeWrapper .ourValueWrapper .rightSide {
          width: 100%;
          margin-bottom: 15px; }
          .homeWrapper .dealsWrapper .leftSide .description, .homeWrapper .dealsWrapper .rightSide .description,
          .homeWrapper .ourCommunityWrapper .leftSide .description,
          .homeWrapper .ourCommunityWrapper .rightSide .description,
          .homeWrapper .ourValueWrapper .leftSide .description,
          .homeWrapper .ourValueWrapper .rightSide .description {
            width: 100%;
            font-size: 12px;
            text-align: left; } }
  .homeWrapper .dealsWrapper .leftSide .description, .homeWrapper .dealsWrapper .rightSide .description {
    width: 80%; }
    @media only screen and (max-width: 768px) {
      .homeWrapper .dealsWrapper .leftSide .description, .homeWrapper .dealsWrapper .rightSide .description {
        width: 100%; } }
  .homeWrapper .promotionWrapper {
    margin-bottom: 80px; }
    .homeWrapper .promotionWrapper .bigPromotionBannerWrapper {
      margin-bottom: 40px; }
      .homeWrapper .promotionWrapper .bigPromotionBannerWrapper img {
        width: 100%; }
    .homeWrapper .promotionWrapper .smallPromotionBannerWrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .homeWrapper .promotionWrapper .smallPromotionBannerWrapper .smallBanner {
        width: 30%; }
        .homeWrapper .promotionWrapper .smallPromotionBannerWrapper .smallBanner img {
          width: 100%; }
    @media only screen and (max-width: 959px) {
      .homeWrapper .promotionWrapper {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 768px) {
      .homeWrapper .promotionWrapper .bigPromotionBannerWrapper {
        margin-bottom: 20px; }
      .homeWrapper .promotionWrapper .smallPromotionBannerWrapper {
        -ms-flex-direction: column;
        flex-direction: column; }
        .homeWrapper .promotionWrapper .smallPromotionBannerWrapper .smallBanner {
          width: 100%;
          margin-bottom: 20px; } }
  .homeWrapper .flashSaleWrapper,
  .homeWrapper .spotlightWrapper,
  .homeWrapper .mostWantedWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    margin: 80px 0; }
    .homeWrapper .flashSaleWrapper .information,
    .homeWrapper .spotlightWrapper .information,
    .homeWrapper .mostWantedWrapper .information {
      width: 35%;
      padding-right: 25px;
      text-transform: uppercase; }
      .homeWrapper .flashSaleWrapper .information h3,
      .homeWrapper .spotlightWrapper .information h3,
      .homeWrapper .mostWantedWrapper .information h3 {
        margin-bottom: 20px;
        font-family: "Libre-Baskerville-Regular";
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.15em; }
      .homeWrapper .flashSaleWrapper .information .description,
      .homeWrapper .spotlightWrapper .information .description,
      .homeWrapper .mostWantedWrapper .information .description {
        margin-bottom: 40px;
        font-family: "Nunito-Regular";
        font-size: 14px;
        color: #363636;
        letter-spacing: 0.1em; }
      .homeWrapper .flashSaleWrapper .information .link,
      .homeWrapper .spotlightWrapper .information .link,
      .homeWrapper .mostWantedWrapper .information .link {
        display: none; }
      .homeWrapper .flashSaleWrapper .information .button,
      .homeWrapper .spotlightWrapper .information .button,
      .homeWrapper .mostWantedWrapper .information .button {
        margin: 0;
        font-size: 16px; }
    .homeWrapper .flashSaleWrapper .productCuration,
    .homeWrapper .spotlightWrapper .productCuration,
    .homeWrapper .mostWantedWrapper .productCuration {
      width: 65%; }
      .homeWrapper .flashSaleWrapper .productCuration .splide__arrows .splide__arrow--next,
      .homeWrapper .spotlightWrapper .productCuration .splide__arrows .splide__arrow--next,
      .homeWrapper .mostWantedWrapper .productCuration .splide__arrows .splide__arrow--next {
        right: 0; }
    @media only screen and (max-width: 768px) {
      .homeWrapper .flashSaleWrapper,
      .homeWrapper .spotlightWrapper,
      .homeWrapper .mostWantedWrapper {
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left; }
        .homeWrapper .flashSaleWrapper .information, .homeWrapper .flashSaleWrapper .productCuration,
        .homeWrapper .spotlightWrapper .information,
        .homeWrapper .spotlightWrapper .productCuration,
        .homeWrapper .mostWantedWrapper .information,
        .homeWrapper .mostWantedWrapper .productCuration {
          width: 100%; }
        .homeWrapper .flashSaleWrapper .information,
        .homeWrapper .spotlightWrapper .information,
        .homeWrapper .mostWantedWrapper .information {
          padding: 0; }
          .homeWrapper .flashSaleWrapper .information h3, .homeWrapper .flashSaleWrapper .information .description,
          .homeWrapper .spotlightWrapper .information h3,
          .homeWrapper .spotlightWrapper .information .description,
          .homeWrapper .mostWantedWrapper .information h3,
          .homeWrapper .mostWantedWrapper .information .description {
            width: 80%; }
          .homeWrapper .flashSaleWrapper .information h3,
          .homeWrapper .spotlightWrapper .information h3,
          .homeWrapper .mostWantedWrapper .information h3 {
            margin-bottom: 10px;
            font-size: 20px;
            text-align: left; }
          .homeWrapper .flashSaleWrapper .information .description,
          .homeWrapper .spotlightWrapper .information .description,
          .homeWrapper .mostWantedWrapper .information .description {
            margin-bottom: 15px;
            font-size: 12px; }
          .homeWrapper .flashSaleWrapper .information .link,
          .homeWrapper .spotlightWrapper .information .link,
          .homeWrapper .mostWantedWrapper .information .link {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            font-family: "Nunito-ExtraBold";
            font-size: 12px;
            text-decoration: underline;
            color: #1D1D1D; }
          .homeWrapper .flashSaleWrapper .information .button,
          .homeWrapper .spotlightWrapper .information .button,
          .homeWrapper .mostWantedWrapper .information .button {
            display: none; } }
    @media only screen and (max-width: 959px) {
      .homeWrapper .flashSaleWrapper,
      .homeWrapper .spotlightWrapper,
      .homeWrapper .mostWantedWrapper {
        margin: 40px 0; } }
  .homeWrapper .flashSaleWrapper .information .description .flashSaleTicker div {
    display: inline-block;
    margin-right: 10px;
    text-align: center; }
    .homeWrapper .flashSaleWrapper .information .description .flashSaleTicker div h4 {
      font-family: "Libre-Baskerville-Regular";
      font-size: 36px;
      font-weight: bold; }
    .homeWrapper .flashSaleWrapper .information .description .flashSaleTicker div span {
      font-family: "Nunito-Bold"; }
    @media only screen and (max-width: 768px) {
      .homeWrapper .flashSaleWrapper .information .description .flashSaleTicker div h4 {
        font-size: 24px; }
      .homeWrapper .flashSaleWrapper .information .description .flashSaleTicker div span {
        font-size: 9px; } }
  @media only screen and (max-width: 768px) {
    .homeWrapper .flashSaleWrapper .productCuration {
      margin-bottom: 0; } }
  .homeWrapper .visitUsWrapper,
  .homeWrapper .sellWithUsWrapper,
  .homeWrapper .newSellWithUsWrapper,
  .homeWrapper .referAFriendWrapper {
    margin-bottom: 80px;
    padding: 0 !important; }
    .homeWrapper .visitUsWrapper .banner,
    .homeWrapper .sellWithUsWrapper .banner,
    .homeWrapper .newSellWithUsWrapper .banner,
    .homeWrapper .referAFriendWrapper .banner {
      width: 100%; }
      .homeWrapper .visitUsWrapper .banner img,
      .homeWrapper .sellWithUsWrapper .banner img,
      .homeWrapper .newSellWithUsWrapper .banner img,
      .homeWrapper .referAFriendWrapper .banner img {
        width: 100%; }
    @media only screen and (max-width: 959px) {
      .homeWrapper .visitUsWrapper,
      .homeWrapper .sellWithUsWrapper,
      .homeWrapper .newSellWithUsWrapper,
      .homeWrapper .referAFriendWrapper {
        margin-bottom: 40px; } }
  @media only screen and (max-width: 959px) {
    .homeWrapper .referAFriendWrapper {
      margin-bottom: 15px; } }
  .homeWrapper .newSellWithUsWrapper {
    margin-bottom: 80px;
    text-align: center; }
    .homeWrapper .newSellWithUsWrapper .description {
      margin: 15px 0;
      font-family: "Nunito-Regular";
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #363636; }
    .homeWrapper .newSellWithUsWrapper .button {
      margin: 0; }
    @media only screen and (max-width: 959px) {
      .homeWrapper .newSellWithUsWrapper {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 768px) {
      .homeWrapper .newSellWithUsWrapper .description {
        font-size: 12px;
        text-align: left; } }
  .homeWrapper .featuredSellersWrapper {
    margin-bottom: 80px;
    text-align: center; }
    .homeWrapper .featuredSellersWrapper .description {
      margin-top: 15px;
      font-family: "Nunito-Regular";
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #363636; }
    .homeWrapper .featuredSellersWrapper .featuredSellersList {
      margin: 30px 0; }
      .homeWrapper .featuredSellersWrapper .featuredSellersList .sellerBox .sellerImage {
        margin-bottom: 15px; }
        .homeWrapper .featuredSellersWrapper .featuredSellersList .sellerBox .sellerImage img {
          width: 100%; }
      .homeWrapper .featuredSellersWrapper .featuredSellersList .sellerBox .sellerName {
        font-family: "Nunito-Bold";
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        color: #1D1D1D; }
      .homeWrapper .featuredSellersWrapper .featuredSellersList .sellerBox .sellerDescription {
        padding-top: 5px;
        font-family: "Nunito-Regular";
        font-size: 13px;
        color: #1D1D1D; }
      .homeWrapper .featuredSellersWrapper .featuredSellersList .splide__arrows .splide__arrow--prev {
        left: 0; }
    .homeWrapper .featuredSellersWrapper .button {
      margin: 0; }
    @media only screen and (max-width: 959px) {
      .homeWrapper .featuredSellersWrapper {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 768px) {
      .homeWrapper .featuredSellersWrapper .homeTitle {
        padding: 0; }
      .homeWrapper .featuredSellersWrapper .description {
        font-size: 12px;
        text-align: left; }
      .homeWrapper .featuredSellersWrapper .featuredSellersList {
        margin: 15px 0; }
        .homeWrapper .featuredSellersWrapper .featuredSellersList .sellerBox .sellerName, .homeWrapper .featuredSellersWrapper .featuredSellersList .sellerBox .sellerDescription {
          text-align: left; }
        .homeWrapper .featuredSellersWrapper .featuredSellersList .sellerBox .sellerName {
          font-size: 12px; }
        .homeWrapper .featuredSellersWrapper .featuredSellersList .sellerBox .sellerDescription {
          font-size: 9px; } }
  .homeWrapper .salesCategoriesWrapper {
    margin-bottom: 80px; }
    @media only screen and (max-width: 959px) {
      .homeWrapper .salesCategoriesWrapper {
        margin-bottom: 40px; } }
    .homeWrapper .salesCategoriesWrapper .saleCategoryBox {
      width: 100px;
      text-align: center; }
      .homeWrapper .salesCategoriesWrapper .saleCategoryBox .saleCategoryImage {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border: 1px solid #E5E5E5;
        border-radius: 50%; }
        .homeWrapper .salesCategoriesWrapper .saleCategoryBox .saleCategoryImage.sale {
          border: 1px solid #a37b24; }
        .homeWrapper .salesCategoriesWrapper .saleCategoryBox .saleCategoryImage img {
          width: 100%;
          border-radius: 50%; }
      .homeWrapper .salesCategoriesWrapper .saleCategoryBox .saleCategoryTitle {
        margin-top: 15px;
        font-family: "Nunito-Bold";
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        color: #1D1D1D; }
      @media only screen and (max-width: 768px) {
        .homeWrapper .salesCategoriesWrapper .saleCategoryBox {
          width: 70px; }
          .homeWrapper .salesCategoriesWrapper .saleCategoryBox .saleCategoryImage {
            width: 70px;
            height: 70px; }
          .homeWrapper .salesCategoriesWrapper .saleCategoryBox .saleCategoryTitle {
            margin-top: 5px;
            font-size: 12px; } }
  .homeWrapper .ourPromiseWrapper {
    padding: 20px 0;
    /* Fixer */ }
    @media only screen and (max-width: 768px) {
      .homeWrapper .ourPromiseWrapper {
        padding: 0; } }
    .homeWrapper .ourPromiseWrapper:after {
      content: "";
      display: block;
      clear: both; }
    .homeWrapper .ourPromiseWrapper .ourPromiseContent {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise {
        width: 50%;
        margin-bottom: 40px; }
        .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content {
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          /* Fixer */ }
          .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content .imageWrapper {
            width: 20%;
            max-width: 90px; }
            .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content .imageWrapper img {
              display: block;
              margin: auto;
              width: 100%; }
          .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content .infoWrapper {
            width: 80%;
            padding-left: 20px;
            font-family: "Nunito-Regular";
            font-size: 16px; }
            .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content .infoWrapper .ourPromiseTitle {
              padding-bottom: 10px;
              font-size: 18px;
              font-family: "Nunito-Bold";
              letter-spacing: 0.1em;
              text-transform: uppercase; }
      @media only screen and (min-width: 769px) {
        .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content {
          padding: 0 80px; } }
      @media only screen and (min-width: 960px) {
        .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content {
          padding: 0; } }
      @media only screen and (max-width: 768px) {
        .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise {
          width: 100%;
          margin-bottom: 20px; }
          .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content {
            -ms-flex-align: center;
            align-items: center; }
            .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content .imageWrapper {
              max-width: 50px; }
            .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content .infoWrapper {
              padding-left: 15px;
              font-size: 12px; }
              .homeWrapper .ourPromiseWrapper .ourPromiseContent .ourPromise .content .infoWrapper .ourPromiseTitle {
                padding-bottom: 5px;
                font-size: 12px; } }
    .homeWrapper .ourPromiseWrapper .splide__arrows .splide__arrow--prev {
      left: 0; }

.offWrapper {
  max-width: 840px;
  margin: 80px auto; }
  @media only screen and (max-width: 959px) {
    .offWrapper {
      margin: 0 auto;
      padding: 25px 15px; } }
  .offWrapper .contentWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 40px;
    background: url("/images/version-2/off-sg-homepage/wrapper-bg.jpeg") 50%/cover no-repeat;
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.8); }
    @media only screen and (max-width: 959px) {
      .offWrapper .contentWrapper {
        padding: 25px 15px; } }
    .offWrapper .contentWrapper .logo {
      width: 100px; }
      .offWrapper .contentWrapper .logo img {
        width: 100%; }
    .offWrapper .contentWrapper h2 {
      margin: 25px 0;
      font-family: "Libre-Baskerville-Regular";
      font-size: 20px;
      font-weight: bold;
      line-height: 24px;
      text-align: center;
      letter-spacing: 2.4px;
      text-transform: uppercase;
      color: #1D1D1D; }
      @media only screen and (max-width: 768px) {
        .offWrapper .contentWrapper h2 {
          margin: 15px 0;
          font-size: 20px; } }
    .offWrapper .contentWrapper h3 {
      margin: 10px 0;
      font-family: "Libre-Baskerville-Regular";
      font-size: 16px;
      font-weight: bold;
      line-height: 20px;
      text-align: center;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #a37b24; }
      @media only screen and (max-width: 768px) {
        .offWrapper .contentWrapper h3 {
          font-size: 16px; } }
    .offWrapper .contentWrapper p {
      font-family: "Nunito-Regular";
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #1D1D1D; }
      @media only screen and (max-width: 768px) {
        .offWrapper .contentWrapper p {
          font-size: 12px; } }
    .offWrapper .contentWrapper .highlightText {
      font-family: "Nunito-ExtraBold"; }
      .offWrapper .contentWrapper .highlightText__black {
        color: #1D1D1D; }
      .offWrapper .contentWrapper .highlightText__white {
        color: #fff; }
      .offWrapper .contentWrapper .highlightText__gold {
        color: #a37b24; }
    .offWrapper .contentWrapper .contentSubWrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      margin: 25px 0;
      padding: 30px 25px;
      background: url("/images/version-2/off-sg-homepage/sub-wrapper-bg.jpeg") center/center no-repeat; }
      @media only screen and (max-width: 768px) {
        .offWrapper .contentWrapper .contentSubWrapper {
          padding: 15px; } }
      .offWrapper .contentWrapper .contentSubWrapper p {
        color: #fff; }
      .offWrapper .contentWrapper .contentSubWrapper .separator {
        width: 100%;
        height: 25px;
        margin: 15px auto;
        background: url("/images/version-2/icons/separator.png") center/cover no-repeat; }
      .offWrapper .contentWrapper .contentSubWrapper .button {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 0 20px;
        font-size: 14px;
        background-color: #fff;
        border: 1px solid #fff;
        color: #1D1D1D; }
        @media only screen and (max-width: 768px) {
          .offWrapper .contentWrapper .contentSubWrapper .button {
            font-size: 12px; } }
    .offWrapper .contentWrapper .contactWrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      width: 80%;
      margin: 10px auto 0; }
      @media only screen and (max-width: 768px) {
        .offWrapper .contentWrapper .contactWrapper {
          width: 100%; } }
      .offWrapper .contentWrapper .contactWrapper .contact {
        padding: 5px;
        font-family: "Nunito-ExtraBold";
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        letter-spacing: 1.4px;
        color: #1D1D1D; }
        .offWrapper .contentWrapper .contactWrapper .contact:before {
          content: "";
          width: 30px;
          height: 30px;
          margin-right: 8px;
          float: left; }
        .offWrapper .contentWrapper .contactWrapper .contact__wa:before {
          background: url("/images/version-2/icons/wa-gold.svg") center/cover no-repeat; }
        .offWrapper .contentWrapper .contactWrapper .contact__ig:before {
          background: url("/images/version-2/icons/ig-gold.svg") center/cover no-repeat; }
        .offWrapper .contentWrapper .contactWrapper .contact__email:before {
          background: url("/images/version-2/icons/email-gold.svg") center/cover no-repeat; }
        @media only screen and (max-width: 768px) {
          .offWrapper .contentWrapper .contactWrapper .contact {
            font-size: 12px;
            line-height: 24px;
            letter-spacing: 1.2px; }
            .offWrapper .contentWrapper .contactWrapper .contact:before {
              width: 24px;
              height: 24px; } }

.popupWrapper #switch-country-popup .popupContent .contentWrapper {
  padding: 30px !important; }
  .popupWrapper #switch-country-popup .popupContent .contentWrapper h3 {
    margin-bottom: 25px;
    font-family: "Nunito-ExtraBold";
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    color: #1D1D1D; }
  .popupWrapper #switch-country-popup .popupContent .contentWrapper p {
    font-size: 14px; }
  .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px; }
    .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper .countryItemSelect {
      width: 50%;
      max-width: 200px;
      -ms-flex-pack: center;
      justify-content: center; }
      .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper .countryItemSelect:first-child {
        margin: 0 25px 0 0; }
      .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper .countryItemSelect .countryTitle {
        font-family: "Nunito-ExtraBold"; }
  @media only screen and (max-width: 768px) {
    .popupWrapper #switch-country-popup .popupContent .contentWrapper {
      padding: 20px !important; }
      .popupWrapper #switch-country-popup .popupContent .contentWrapper h3 {
        margin-bottom: 15px;
        font-size: 16px;
        letter-spacing: 1.6px; }
      .popupWrapper #switch-country-popup .popupContent .contentWrapper p {
        font-size: 12px; }
      .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper {
        margin-top: 15px; }
        .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper .countryItemSelect {
          padding: 10px; }
          .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper .countryItemSelect:first-child {
            margin: 0 10px 0 0; }
          .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper .countryItemSelect .countryTitle {
            font-size: 12px;
            letter-spacing: 1.2px; } }
  @media only screen and (max-width: 375px) {
    .popupWrapper #switch-country-popup .popupContent .contentWrapper .switchCountryWrapper .countryItemSelect .countryTitle {
      font-size: 10px;
      letter-spacing: 1px; } }

@media only screen and (min-width: 959px) {
  .popupWrapper #country-popup-to-indonesia .button {
    width: 400px; }
    .popupWrapper #country-popup-to-indonesia .button.button-primary {
      margin: 20px 0 0; } }

/*# sourceMappingURL=home.css.map */